/**
 * Dom.js Class
 * DOM(Document Object Model) : DOM은 번역하면 문서 객체 모델이라고 부르는데,
 * 객체 지향 모델로써 트리(Tree) 구조로 구조화된 HTML 문서를 표현하기 위한 API를 말한다.
 * 2012. 4. 2.
 * Kim Chan Soo
 */
if(typeof H5 === "undefined") var H5 = {};

H5.Dom = {};
var Dom = H5.Dom; 
/**
 * HTML5 canvas tag 생성
 */
Dom.createCanvas = function(id, x, y, width, height)
{
	//문서에 캔버스 태그를 생성한다. 
	var canvas = document.createElement("canvas");
	
	//아이디 설정
	canvas.id = id;
	//캔버스 가로 화면 크기 설정
	canvas.width = width;
	//캔버스 세로 화면 크기 설정
	canvas.height = height;
	
	/* 캔버스 style 설정 */
	//캔버스의 위치를 절대 위처로 설정
	canvas.style.position = "absolute";
	//캔버스의 상단 위치 설정
	canvas.style.top = y + "px";
	//캔버스의 좌측 위치 설정
	canvas.style.left = x + "px";
	
	return canvas;
};
/**
 * document의 body에 dom element를 추가
 * @param tag - html dom tag
 */
Dom.appendBody = function(tag)
{
	document.body.appendChild(tag);
};
